<template>
	<view class="All">
		<view class="sc" v-for="(item,index) in scList"  v-if="item.flage">
			<view class="dhz">
				<span class="ttb"><uni-icons type="star-filled" size="23" color="red"></uni-icons></span>
				<span class="tb">
					{{item.leiXin}}
				</span>
				<span class="wz">{{item.Timu}}</span>
			</view>
			<view class="dttt" >
				<view class="dt" v-for="(item1,index1) in item.xIangone" :key="index1">
					{{item.xIangone[index1]}}
				</view>
			</view>

		</view>

	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		name: 'wdsc',
		data() {
			return {
			};
		},
		computed: {
			...mapState('school', ['scList'])
		},
	}
</script>

<style lang="scss">
	.All {
		background-color: rgb(240, 240, 240);

		.sc {
			letter-spacing: 1px;
			border-radius: 10px 10px 10px 10px;
			margin-left: 3%;
			margin-top: 10px;
			width: 94%;
			height: 330px;
			background-color: white;

			.dhz {
				padding-top: 15px;
				margin-left: 15px;

				.tb {
					color: rgb(229, 140, 58);
					text-align: center;
					line-height: 25px;
					background-color: rgb(253, 232, 207);
					height: 25px;
					width: 500px;
				}

				.tm {
					margin-left: 10px;
					background-color: red;
					height: 30px;
				}

				.wz {
					margin-left: 5px;
				}
			}

			.dttt {
				margin-top: 30px;

				.dt {
					background-color: rgb(240, 240, 240);
					width: 94%;
					height: 50px;
					// background-color: red;
					margin-left: 3%;
					border-radius: 10px 10px 10px 10px;
					margin-top: 20px;
				}
			}

		}

	}
</style>